
html {
	background-color: #CCCCCC;
}

body {
	font: 62.5% "Trebuchet MS", sans-serif;
	margin: 50px;
}

#wrapper {
    margin: 0 auto;
    position: relative;
    width: 956px;
}

#banner {
    height: 125px;
}

h1.logo {
    left: 70px;
    margin: 0;
    position: absolute;
    top: 45px;
}
h1.logo, h1.logo a {
    height: 64px;
    width: 64px;
}
h1.logo a {
    background: url("../images/logo.png") no-repeat scroll 0 0 transparent;
    display: block;
}
h1.logo a span {
    display: none;
}

#navigation {
	background-color: #999999;
    float: left;
    height: 41px;
    position: absolute;
    right: 0;
    top: 62px;
}
#navigation ul, #navigation ul li {
    float: left;
    font-size: 13px;
    line-height: 38px;
    list-style-type: none;
    margin: 0;
    padding: 0;
}
#navigation ul {
    height: 41px;
}
#navigation ul li a {
    color: #FFFFFF;
    display: block;
    float: left;
    height: 41px;
    padding: 0 18px;
    text-decoration: none;
}
#navigation ul li.selected a {
    color: #FF9933;
}
#navigation ul li.last a {
    background-image: none;
}
#navigation ul li a:hover {
    color: #FF9933;
}